body,div,p,span,ul,li,h1,h2,h3,h4 {margin: 0;padding: 0;border: 0;}
ul {list-style: none;}
a {text-decoration: none;}
html {height: 100%; font-size: calc( 100vw / 750 * 100 );}
body {font-family: '-apple-system', Helvetica Neue, Helvetica, STHeiTi,"Microsoft YaHei","微软雅黑",sans-serif; -webkit-tap-highlight-color:rgba(255,0,0,0); font-size: 0.24rem;height:100%; color: #333;}
a {-webkit-tap-highlight-color:rgba(255,255,255,0.1);}

/*useful*/
input,textarea {
    border: none;
    background: none;
    color: #232326;
}
input,textarea:focus {
    outline: none;
}
input::-webkit-input-placeholder { /* WebKit browsers */
  color: #c0c5ca;
  font-weight: 300;
  font-size: .3rem;
}

* {
  outline: none;
  box-sizing: border-box;
}
*::-webkit-scrollbar {
    display: none;
    width: 0;
}
.no-shrink {
    -webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;
}
.col-start-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.col-start-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
          align-items: flex-end;
}
.col-center-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
}
.col-center-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.col-center-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
}
.col-around-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.col-all-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.row-all-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.row-between-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.row-start-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.col-between-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.row-between-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.row-around-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.col-between-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.row-start-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
          align-items: flex-end;
}
.row-start-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.main {-webkit-transition: transform .3s ease; -webkit-transition: all .3s ease; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease;}
/*侧边栏*/
.slider-right {-webkit-transition: all .4s ease;transition: all .4s ease; padding: .84rem .8rem 0 0; background: #fff; width: 100%; height: 100%; position: fixed; left: 100%; top: 0; z-index: 400;}
.slider-right-black {background: url(http://static.qiezipai.cn/wechat/product/images/bg.png); background-size: 100% 100%;}
.slider-title-black {width: 100%; text-align: right; font-size: .4rem; color: #333; margin: .76rem 0 0 0; line-height: .4rem;}
.slider-title-white {color: #fff;}
.slider-title-active {font-weight: bold;}

.slider-right-active { -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.main-slider-active {-webkit-transform: translateX(-50%);transform: translateX(-50%);}

/*公共头部*/
.common-head-box {background: #fff; width: 100%; height: .88rem; border-bottom: 1px solid #e5e5e5; position: fixed; top: 0; left: 0;z-index: 666; font-size: .32rem; font-weight: bold; color: #333;}
.return-icon {width: .42rem; position: absolute; left: .3rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

/*公共底部*/
.logo-bottom-box {width: 100%; height: 3.64rem; background: #f6f8fa;}
.logo-bottom {height: .72rem; margin: 1.16rem 0 .4rem;}
.tel {font-size: .28rem; color: #808487; line-height: .28rem;}

.hamburger {
  width: .42rem;
  height: .42rem;
  position: fixed;
  right: .28rem;
  top: .26rem;
  z-index: 888;
}
.hamburger-box {
  width: .42rem;
  height: .42rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 888;
}
.hamburger-inner-black {background-color: #333;}
.hamburger-inner-black:after {background-color: #333;}
.hamburger-inner-black:before {background-color: #333}

.bold {font-weight: 700;}
.alert-common {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(204, 204, 204, .9);
  z-index: 999;
}
.alert-box {
  width: 6.1rem;
  background: #f5f7f8;
  border: 1px solid #333;
}
.alert-content {
  width: 100%;
  height: 3.36rem;
}
.alert-icon {
  width: .65rem;
  height: .65rem;
  background-image: url(http://static.qiezipai.cn/wechat/home/images/fail-icon.png);
  background-size: 100% 100%;
}
.alert-title {
  font-size: .34rem;
  color: #333;
  font-weight: 700;
  margin: 0 0 .34rem 0;
  line-height: 1;
}
.alert-mes {
  font-size: .3rem;
  color: #666;
  line-height: .5rem;
  padding: 0 .8rem;
  text-align: center;
}
.alert-button {
  width: 100%;
  height: .9rem;
  background: #333;
  font-size: .32rem;
  color: #fff;
  font-weight: 700;
}
.toast {
  min-width: 1rem;
  padding: 10px 15px;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  border-radius: 5px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: .3rem;
  color: #fff;
}
.toast p {
  text-align: center;
}

.none {display: none;}
